<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/common.css">
    <link rel="stylesheet" href="/css/list.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2348144_doi7jloq8yo.css">
    <link rel="icon" href="/images/logo.ico" type="image/x-icon">
    <title>分类 - 搜狗商城</title>
</head>

<body>
    <!-- header start-->
    <header></header>
    <!-- header end -->

    <!-- content start -->
    <div class="content">
        <div class="main">
            <div class="title1">
                <h2 class="fs14"><a href="">首页</a></h2>
                <span class="fs14">&gt;&nbsp;&nbsp; 智能翻译</span>
            </div>
            <div class="nav1">
                <div class="nv-t">
                    <span class="it">分类:</span>
                    <a href="">全部</a>
                    <a href="#" class="active">智能翻译</a>
                    <a href="./watch.html">糖猫手表</a>
                    <a href="./traacc.html">翻译配件</a>
                    <a href="./catacc.html">糖猫配件</a>
                </div>
                <div class="nv-b">
                    <span class="it">排序:</span>
                    <span class="font active">热度</span>
                    <span class="san">
                        <i>▲</i>
                        <i class="active">▼</i>
                    </span>
                    <span class="font">价格</span>
                    <span class="san">
                        <i>▲</i>
                        <i>▼</i>
                    </span>
                    <span class="font">销量</span>
                    <span class="san">
                        <i>▲</i>
                        <i>▼</i>
                    </span>
                </div>
            </div>
            <div class="prod">
            </div>
        </div>
    </div>
    <script type="text/html" id="ListTemplate">
        {{each list item}}
        <a href="/html/details.html?{{item.productId}}" class="box">
            <img src="{{item.image}}" alt="">
            <p class="fs16">{{item.name}}</p>
            <p class="fs14">{{item.desc}}</p>
            <p class="price fs14">￥<span>{{(item.salePrice)/100}}</span></p>
        </a>
        {{/each}}
    </script>
    <!-- content end -->

    <!-- footer start -->
    <footer></footer>
    <!-- footer end -->

    <!-- sider start -->
    <div class="cbl"></div>
    <!-- sider end -->
    <script src="/lib/requirejs/require.min.js" data-main="/js/list"></script>
</body>

</html>